<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <!-- 头栏部分 -->
    <dov class="title">
        <img src="./images/logo.jpg" alt="启帆科创">
        <div class="dl">
            <div class="homePage"><a href="#">首页</a></div>
            <div class="signIn"><a href="#">登录</a></div>
        </div>
    </dov>
    <!-- 内容部分 -->
    <div class="box">
        <ul>
            <li>
                <a href="#" class="image">
                    <img src="images/1.jpg">
                </a>
                <div class="content">
                    <a class="text-title" href="#">阿里巴巴旗下的1688－VR市场 打造批发新体验</a>
                    <div class="text-info">
                        <span class="name">子霆</span>  |
                        <span>2020-09-10</span>
                    </div>
                    <div class="brief">
                        前言 “我们相信互联网的世界和实体的商业世界是一个世界。数字、数据化、技术，使得这两个世界走在一起，让这两个世界能够发生很美好的变化，创造更多的客户价值和商业价值。”—...
                    </div>
                </div>
            </li>
            <li>
                <a href="#" class="image">
                    <img src="images/2.png">
                </a>
                <div class="content">
                    <a class="text-title" href="#">
                    天猫精灵超级发布会创意设计                             打造批发新体验</a>
                    <div class="text-info">
                        <span class="name">he chunli</span>  |
                        <span>2020-09-10</span>
                    </div>
                    <div class="brief">
                        天猫精灵品牌经历了一年的成长，在2018年中营销活动中，以527超级发布会作为品牌宣传的主战场，以618年中大促作为品牌销售的承接，UED团队从品牌价值诉求出发，完成品牌精神、情感、表...
                    </div>
                </div>
            </li>
            <li>
                <a href="#" class="image">
                    <img src="images/3.jpg">
                </a>
                <div class="content">
                    <a class="text-title" href="#">UCAN——复杂信息传递的品牌设计方法探索</a>
                    <div class="text-info">
                        <span class="name">芭月</span>  |
                        <span>2020-09-10</span>
                    </div>
                    <div class="brief">
                        前言 我们平时在做设计的时候会遇到多种多样的问题，如何把复杂的需求合理的梳理一直是困扰设计师的问题之一，在这篇文章里我们希望通过ucan品牌诞生的过程梳理，带给各位一个解决问...
                    </div>
                </div>
            </li>
            <li>
                <a href="#" class="image">
                    <img src="images/4.jpg">
                </a>
                <div class="content">
                    <a class="text-title" href="#">
                        触碰智能图像时代-营销设计中的智能化初探
                    </a>
                    <div class="text-info">
                        <span class="name">李郭</span>  |
                        <span>2020-09-10</span>
                    </div>
                    <div class="brief">
                        近年来，设计圈有两大趋势不容忽视，一是人工智能、神经网络、深度学习无疑是时下最热门的科技名词，“人工智能设计”这个词语在设计圈也深受追捧，我们也看到越来越多的初创公司...
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- 分页部分 -->
	<div class="page">
		<a href="#">上一页</a>
		<a href="#" class="active">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
		<a href="#">5</a>
		<a href="#">下一页</a>
	</div>
</body>

</html>